.site-head{
    /* height: 150px; */
    min-width: 1152px;
}

.site-head .topbar{
    height: 32px;
    min-width: 1152px;
    background-color: #2a2a2a;
    line-height: 32px;
}

.site-head .topbar .shortcut-links{
    float: left;
}
.site-head .topbar .shortcut-links ul{

}
.site-head .topbar .shortcut-links>ul>li {
    float: left;
    margin-right: 18px;
    font-size: 14px;
}

.site-head .topbar .shortcut-links>ul>li>a{
    color: #fff;
}

.site-head .topbar .shortcut-links>ul .have-meun{
    padding-right: 12px;
    position: relative;
}

.site-head .topbar .shortcut-links>ul li:hover a{
    color: blueviolet;
}

.site-head .topbar .shortcut-links>ul .have-meun>.arrow{
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    transition: transform .2s linear 0s;
}

.site-head .topbar .shortcut-links>ul .have-meun:hover .arrow{
    transform: rotate(180deg);

}

.site-head .topbar .shortcut-links>ul .have-meun>.arrow b{
    position: absolute;
    width: 6px;
    top: 2px;
    left: 3px;
    height: 6px;
    background-color: #fff;
    transform: rotate(45deg);
}


.site-head .topbar .shortcut-links>ul .have-meun>.arrow i{
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #2a2a2a;
    transform: rotate(45deg);
    top: 0px;
    left: 3px;
}

.site-head .topbar .shortcut-links>ul .have-meun .menu{
    position: absolute;
    top:30px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.562);
    z-index: 9999;
    /* 先隐藏 */
    display: none;
    padding: 10px;
    transition: display .2s linear 0s;
}

/* 鼠标碰到havemenu的元素显示出来 */
.site-head .topbar .shortcut-links>ul .have-meun:hover .menu{
    display: block;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.20);
}

.site-head .topbar .shortcut-links>ul .have-meun .menu .menulist li{
    height: 20px;
    line-height: 20px;
}

.site-head .topbar .shortcut-links>ul .have-meun .menu .menulist a{
    font-size: 12px;
    color: #fff;
}

.site-head .topbar .shortcut-links>ul .have-meun .menu .menulist a:hover{
    color: rgb(226, 153, 43);
}

.site-head .topbar .shortcut-links>ul .have-meun .sqmenu{
    width: 121px;
}

/* .site-head .topbar .shortcut-links>ul .have-meun .sqmenu>ul>li a{
    color: #fff;
} */

.site-head .topbar .shortcut-links>ul .have-meun .scmenu{
    width: 76px;
}

/* .site-head .topbar .shortcut-links>ul .have-meun .scmenu>ul>li a{
    color: #fff;
} */

.site-head .topbar .shortcut-links>ul .have-meun .jdmsmenu{
    width: 64px;
}

/* .site-head .topbar .shortcut-links>ul .have-meun .jdmsmenu>ul>li a{
    color: #fff;
} */


.site-head .topbar .topbar-r {
    width: 225px;
    float: right;
}

.site-head .topbar .topbar-r a,.site-head .topbar .topbar-r span{
    margin-right: 11px;
    font-size: 14px;
    color: #fff;
}

.site-head .topbar .topbar-r:last-child{
    margin-right: none;
}

.site-head .main-nav{
    height: 40px;
    min-width: 1152px;
    background-color: #20bd9a;
}

.site-head .main-nav ul>li{
    float: left;
    margin-right: 18px;
}

.site-head .main-nav ul li:hover{
    background-color: #808080de;
}

.site-head .main-nav ul .have-meun{
    padding-right: 16px;
    position: relative;
}
.site-head .main-nav ul>li a{
    color: #fff;
    line-height: 40px;
    font-size: 18px;
}

.site-head .main-nav ul li:hover a{
    color: #2bc8e2;
}

.site-head .main-nav ul .have-meun::before{
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    right: 2px;
    top: 26px;
    margin-top: -8px;
    border: 5px solid transparent;
    border-top-color: #fff;
    border-bottom:none;
    transition: transform 0.2s linear 0s;
}

.site-head .main-nav ul .have-meun:hover::before{
    transform: rotate(180deg);
}

.site-head .main-nav ul .have-meun .menu{
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #808080de;
    padding: 10px;

    display: none;
}

.site-head .main-nav ul .have-meun:hover .menu{
    display: block;
}

.site-head .main-nav ul li .menu dl dt{
    /* color: #1C1F21; */
    color: #fff;
    font-size: 16px;
}

.site-head .main-nav ul li .menu dl dd a{
    /* color: #1C1F21; */
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}

.site-head .main-nav ul li .menu dl dd a:hover{
    color: rgb(226, 153, 43);
}

.site-head .main-nav ul .have-meun .jjzymenu{
    width: 150px;
    height: 58px;
}

.site-head .main-nav ul .have-meun .gtmenu{
    width: 90px;
    height: 58px;
}

.site-head .main-nav ul .have-meun .ddmenu{
    width: 155px;
    height: 58px;
}

.site-head .main-nav ul .have-meun .sdmenu{
    width: 104px;
    height: 58px;
}

.site-head .header-con{
    height: 36px;
    padding: 12px 0;
    min-width: 1152px;
}

.site-head .header-con h1{
    float: left;
    font-size: 24px;
    color: #20bd9a;
    font-weight: bold;
    /* line-height: 36px; */
}
.site-head .header-con .sosobox{
    float: left;
    margin-left: 20px;
    width: 405px;
    padding-top: 3px;
}
.site-head .header-con .sosobox input{
    float: left;
    width: 361px;
    height: 28px;
    border: 1px solid #20bd9a;
    /* 分别按四个角进行设置 */
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    /* 取消默认的外线，外线是文本框特有的 */
    outline:none;
    padding-left: 10px;

}

.site-head .header-con .sosobox .btn{
    float: left;
    width: 30px;
    height: 30px;
    background-color: #20bd9a;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    border-radius: 0 4px 4px 0;
}

.banner{
    position: relative;
    overflow: hidden;
}

.banner .carousel_list{
    width: 600%;
    overflow: hidden;
    /* translateX中的100%是拉动它本身的100% */
    transition: transform .7s ease 0s;
}

.banner .carousel_list li{
    float: left;
    width: 16.661%;
}

.banner .carousel_list li img{
    width: 100%;
    /* 白边的处理 */
    vertical-align: middle;
}

.banner .center-wrap{
    position: absolute;
    top:0;
    left: 0;
    width: 1152px;
    left: 50%;
    margin-left: -576px;
    height: 100%;
    /* 这里height不能省略，否则高度就是0 */
    /* background-color: orange; */
}

.banner .center-wrap .leftbtn{
    position: absolute;
    width: 32px;
    height: 44px;
    background:url("../images/icons.png") no-repeat -35px -52px; 
    top: 0;
    left: -42px;
    top: 50%;
    margin-top: -22px;
    transition: opacity .2s linear 0s;
}

.banner .center-wrap .leftbtn:hover,.banner .center-wrap .rightbtn:hover{
    opacity: 0.7;
}

.banner .center-wrap .rightbtn{
    position: absolute;
    width: 32px;
    height: 44px;
    background:url("../images/icons.png") no-repeat -35px -4px; 
    top: 0;
    right: -42px;
    top: 50%;
    margin-top: -22px;
    transition: opacity .2s linear 0s;
}


.banner .center-wrap .banner-nav{
    height: 100%;
}

.banner .center-wrap .banner-nav ul{
    /* 这里的height也要设置为100%，否则子元素设置为16.66%就没意义 */
    height: 100%;
}
.banner .banner-nav{
    width: 652px;
    height: 100%;
    position: relative;
}

.banner .banner-nav ul li{
    height: 16.66%;
    width: 256px;
    background-color: rgba(0, 0, 0, 0.45);
    /* box-sizing: border-box 让盒子的height高度是盒子的总高度，而不是内容高度; */
    /* 这个情况是用在有边框且盒子的高度用百分数写的，需要把边框的高度涵盖在盒子高度中 */
    box-sizing: border-box;
    border: .2px solid #9e9e9e;
    border-left: none;
    border-right: none;
    
}
.banner .banner-nav ul li:last-child{
    border-bottom: none;
}

.banner .center-wrap .banner-nav>ul>li{
    position: relative;
}



.banner .center-wrap .banner-nav>ul>li dl{
    position: absolute;
    height: 48px;
    top:50%;
    left: 42px;
    margin-top: -24px;
    color: #fff;
}

.banner .center-wrap .banner-nav>ul>li dl dt{
    font-size: 20px;
    line-height: 26px;
}

.banner .center-wrap .banner-nav>ul>li dl dd{
    font-size: 13px;
    line-height: 22px;
}

.banner .center-wrap .banner-nav>ul>li::before{
    content: "";
    position: absolute;
    background-image: url("../images/tubiao.png");
    top: 50%;
    left: 10px;
    z-index: 99999;
}

.banner .center-wrap .banner-nav>ul>li.hot::before{
    width: 22px;
    height: 18px;
    background-position: -15px -9px;
    margin-top: -9px;
}

.banner .center-wrap .banner-nav>ul>li.gat::before{
    width: 20px;
    height: 22px;
    background-position: -15px -36px;
    margin-top: -11px;
}

.banner .center-wrap .banner-nav>ul>li.jp::before{
    width: 23px;
    height: 22px;
    background-position: -14px -69px;
    margin-top: -11px;
}

.banner .center-wrap .banner-nav>ul>li.dny::before{
    width: 23px;
    height: 22px;
    background-position: -14px -95px;
    margin-top: -11px;
}

.banner .center-wrap .banner-nav>ul>li.us::before{
    width: 23px;
    height: 22px;
    background-position: -62px -36px;
    margin-top: -11px;
}
.banner .center-wrap .banner-nav>ul>li.au::before{
    width: 23px;
    height: 22px;
    background-position: -62px -69px;
    margin-top: -11px;
}

.banner .center-wrap .banner-nav>ul>li:hover{
    background-color: rgba(0, 0, 0, 0.63);
}

.banner .center-wrap .banner-nav .menus-box .menu{
    display: none;
    position: absolute;
    left: 256px;
    top:0;
    width: 356px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.63);
    padding: 16px;
    /* 加上box-sizing属性之后，让height：100%就是盒子的总高 */
    box-sizing: border-box;
    z-index: 99999;
}

.banner .center-wrap .banner-nav .menus-box .menu.current{
    display: block;
}

.banner .center-wrap .banner-nav .menus-box .menu dl{
    margin-bottom: 14px;
    width: 100%;
}

.banner .center-wrap .banner-nav .menus-box .menu dl dt{
    font-size: 20px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #fff;
}

.banner .center-wrap .banner-nav .menus-box .menu dl dd{
    font-size: 14px;
    line-height: 22px;
}

.banner .center-wrap .banner-nav .menus-box .menu dl dd a{
    display: inline-block;
    margin-right: 3px;
    color: #fff;
}

.banner .center-wrap .banner-nav .menus-box .menu dl:last-child{
    margin-bottom: none;
}

.banner .circles{
    width: 160px;
    height: 20px;
    position:absolute;
    bottom: 10px;
    left:50%;
    margin-left: -75px;
    z-index: 9999;
}

.banner .circles li{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    background-color: rgb(2, 253, 128);
    border-radius: 10px;
    transition: all .7s ease 0s;
    /* 鼠标指针变为手装 */
    cursor: pointer;
}

.banner .circles li:last-child{
    margin-right: 0;
}

.banner .circles li.current{
    width: 40px;
    background-color: #20bd9a;
}

.hot-ads{
    margin: 32px 0;
}

.hot-ads .center-wrap ul li{
    float: left;
    width: 264px;
    height: 110px;
    margin-right: 32px;
}
.hot-ads .center-wrap>ul>li:last-child{
    margin-right: 0;
}

.xxsw {
    padding-top: 40px;
    height: 698px;
    background-color: #f7f7f7;
}

.xxsw .hd{
    margin-bottom: 32px;
}

.content-part h2{
    font-size: 36px;
    font-weight: bold;
    color: #1C1F21;
}

.xxsw .hd h2{
    float: left;
}

.content-part em{
    position: relative;
    top: 22px;
    left: 12px;
    color: #1C1F21;
}

.xxsw .hd em{
    float: left;

}

.xxsw ul li{
    float: left;
    width: 264px;
    height: 270px;
    margin-right: 32px;
    margin-bottom: 32px;
    background-color: #fff;
}

.xxsw ul li:nth-child(4n){
    margin-right: 0;
}

.xxsw ul li .wordbox{
    padding: 15px;
    font-size: 14px;
    color: #1C1F21;
    line-height: 26px;
}

.xxsw ul li:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);
}

.jjzyx{
    padding-top: 40px;
    height: 698px;
}

.jjzyx .hd h2{
    float: left;
}
.jjzyx .hd em{
    float: left;
}
.content-part .hd nav{
    float: right;
    width: 474px;
}
.content-part .hd nav ul li{
    float: left;
    font-size: 14px;
    margin-right: 16px;
}

.content-part .hd nav ul{
    padding-top: 16px;
}

.content-part .hd nav ul li a{
    color: rgba(0,0,0,0.85);
}

.content-part .hd nav ul li:last-child{
    margin-right: 0;
}

.content-part .hd nav ul li:hover{
    border-bottom: 4px solid #20bd9a;
    padding-bottom: 2px;
}
.common-style .hd nav ul li.current a{
    color: #20bd9a;
}

/* 公共的特效，鼠标触碰图片有放大效果 */
.content-part img{
    transition: transform 0.5s linear 0s;
}

.content-part img:hover{
    transform: scale(1.1);
}

.content-part li .picbox{
    overflow: hidden;
    height: 184px;
}


.common-style .bd {
    padding-top: 32px;
}

.common-style .bd>ul>li {
    float: left;
    box-sizing: border-box;
    margin-right: 32px;
    margin-bottom: 32px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.08);
}

.common-style .bd>ul>li:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.common-style .bd>ul .big-grid{
    width: 560px;
    height: 270px;
    overflow: hidden;
    position: relative;
}

.common-style .bd>ul>li .tag{
    position: absolute;
    width: 74px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.55);
    color: white;
    bottom: 103px;
    left: 0;
    line-height: 40px;
    text-align: center;
    /* 这里图片触碰后会变形放大，会盖住tag，所以应设置z-index属性值 */
    z-index: 9999;
}

.common-style .bd>ul>.big-grid .info{
    position: absolute;
    color: #fff;
    font-size: 14px;
    width: 560px;
    height: 103px;
    background-color: rgba(0, 0, 0, 0.55);
    bottom: 0;
    left: 0;
    padding: 30px 26px;
    box-sizing: border-box;
    line-height: 26px;
}

.common-style .bd ul .pro-grid{
    width: 264px;
    height: 270px;
}

.common-style .bd ul .picbox{
    position: relative;
    height: 184px;
}

.common-style .bd ul .picbox .tag{
    bottom: 0;
}

.common-style .bd ul .pro-grid .wordbox{
    font-size: 13px;
    padding: 14px;
    color: #1C1F21;
    line-height: 26px;
}

.common-style .bd ul li:nth-child(3),.common-style .bd ul li:nth-child(7){
    margin-right: 0;
}

.content-part .more-grid{
    width: 264px;
    height: 270px;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, #34E3BC 0%, #15AF7A 98%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
    position: relative;
}

.content-part .more-grid a{
    display: block;
    padding-top: 46px;
    height: 270px;
    box-sizing: border-box;
}

.content-part .more-grid p{
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.content-part .more-grid .iconfont{
    position: absolute;
    font-size: 48px;
    left: 50%;
    top:43%;
    margin-left: -24px;

}

/* 鼠标触碰这个more-grid时进行动画 */
.content-part .more-grid:hover .iconfont{
    animation: ud .4s ease-in 0.5s infinite alternate;
}

@keyframes ud{
    from{
        transform: translateY(-5px);
    }
    to{
        transform: translateY(5px);
    }
}

.content-part .more-grid ul {
    margin-top: 120px;
    width: 236px;
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -135px;
    padding-left: 28px;
}

.content-part .more-grid ul li{
    color: white;
    float: left;
    font-size: 14px;
    border-right: 1px solid white;
    padding: 0 12px;
    line-height: 22px;
}

.content-part .more-grid ul li:last-child{
    border-right: none;
}

.ddwl{
    background-color: #f7f7f7;
    height: 546px;
    padding-top: 40px;
}

.ddwl .hd h2{
    float: left;
}
.ddwl .hd em{
    float: left;
}

.ddwl .hd nav {
    width: 349px;
}

.ddwl .bd{
    padding-top: 32px;
}

.ddwl .bd .col{
    width: 364px;
    height: 480px;
    margin-right: 30px;
    float: left;
}

.ddwl .bd div:last-child{
    margin-right: 0;
}

.ddwl .bd .bigpicbox{
    width: 364px;
    height: 270px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.ddwl .bd .bigpicbox .info{
    width: 364px;
    height: 104px;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.55);
    color: #fff;
    padding: 21px 17px 0 17px;
    box-sizing: border-box;
}

.ddwl .bd .bigpicbox .info .bottom .tag{
    float: left;
}
.ddwl .bd .bigpicbox .info .bottom .price{
    float: right;
}

.ddwl .bd .bigpicbox .info .bottom .price strong{
    color: #36DFBA;
}

.ddwl .bd .grid{
    width: 364px;
    height: 120px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
    margin-bottom: 30px;
}

.ddwl .bd .grid .picbox{
    float: left;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.ddwl .bd .grid .wordbox{
    float: left;
    font-size: 14px;
    line-height: 22px;
    width: 244px;
    height: 120px;
    box-sizing: border-box;
    padding: 26px 18px 0 18px;
    color: #000;
}

.ddwl .bd .col .more-grid{
    background-image: linear-gradient(180deg, #FF6374 1%, #FF7368 98%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
    width: 364px;
    height: 270px;
}

.ddwl .bd .col .more-grid ul{
    width: 350px;
    margin-left: -200px;
}

.ddwl .bd .col>div:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);
}

.tsdd{
    height: 416px;
    background-color: #fff;
    padding-top: 40px;
}

.tsdd .hd h2{
    text-align: center;
}

.tsdd .bd{
    padding-top: 32px;
}

.tsdd .bd ul li{
    float: left;
    width: 264px;
    height: 290px;
    margin-right: 32px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
}

.tsdd .bd ul li:last-child{
    margin-right: 0;
}

.tsdd .bd ul li:hover{
    background: #FFFFFF;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.20);
}

.tsdd .bd ul li .wordbox{
    padding: 16px 9px 0;
    box-sizing: border-box;
}

.tsdd .bd ul li .proname{
    color: black;
    font-size: 16px;
    height: 48px;
}

.tsdd .bd ul li .wordbox .score{
    font-size: 14px;
    color: #FA6400;
}

.tsdd .bd ul li .wordbox .comment{
    font-size: 14px;
    color: black;
}

.zsjsdlx{
    background-color: #f7f7f7;
    height: 698px;
    padding-top: 40px;
}

.zsjsdlx .hd h2{
    float: left;
}
.zsjsdlx .hd em{
    float: left;
}
.zsjsdlx .hd nav{
    width: 88px;
    float: right;
}

.big-grid.havehover{
    position: relative;
}

.big-grid.havehover .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0; 
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: opacity 0.2s ease 0s;
}

.big-grid.havehover:hover .mask{
    opacity: 1;
}

.big-grid.havehover .circle{
    width: 106px;
    height: 106px;
    border: 1px solid white;
    border-radius: 50%;
    position: absolute;
    top: -106px;
    left: 50%;
    margin-left: -53px;
    color: white;
    box-sizing: border-box;
    padding-top: 25px;
    font-size: 18px;
    transition: top .4s ease 0s;
}

.big-grid.havehover:hover .circle{
    top:62px
}

.big-grid.havehover .circle p{
    text-align: center;
}

.big-grid.havehover .word{
    position: absolute;
    bottom: -100px;
    left: 10px;
    margin-left: 10px;
    color: white;
    transition: bottom .4s ease 0s;
}

.big-grid.havehover:hover .word{
    bottom: 30px;
}


.zsjsdlx .bd .more-grid{
    background-image: linear-gradient(180deg, #BD5EE8 0%, #832ABB 98%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
}

.zsjsdlx .bd .more-grid ul{
    margin-left: -132px;
}

.gtbzzy{
    background-color: #fff;
    height: 698px;
    padding-top: 40px;
}

.gtbzzy .hd h2{
    float: left;
}
.gtbzzy .hd em{
    float: left;
}

.gtbzzy .hd nav{
    width: 160px;
}

.gtbzzy .bd .more-grid{
    background-image: linear-gradient(180deg, #41D8E9 0%, #3685EA 98%);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.08);
}

.gtbzzy .bd .more-grid ul{
    margin-left: -95px;
}

footer .part1{
    height: 220px;
    background-color: #f7f7f7;
}

footer .part1 ul{
    padding-top: 36px;
}

footer .part1 ul li{
    float: left;
    border-right: 1px solid #1C1F21 ;
    padding: 0 26.5px;
}

footer .part1 ul li:first-child{
    padding-left: 0;
}

footer .part1 ul li:last-child{
    border-right:none;
    padding-right: 0;
}
footer .part1 ul li a{
    color: #1C1F21;
    font-size: 18px;
}

footer .part1 dl{
    position: relative;
    float: left;
    width: 289px;
    padding-left: 75px;
    margin-right: 30px;
}
footer .part1 dl:last-child{
    margin-right: 0;
}

footer .part1 .dlbox{
    padding-top: 30px;
}
footer .part1 .dlbox dt{
    font-weight: bold;
    margin-bottom: 10px;
}

footer .part1 .dlbox dd{
    font-size: 14px;
}

footer .part1 dl::before{
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    background-image: url("../images/icon3.png");
    left: 0;
    top: 5px;
}

footer .part1 dl.txfw::before{
    background-position: -16px -6.9px;
}

footer .part1 dl.ccsx::before{
    background-position: -16px -100px;
}

footer .part1 dl.axph::before{
    background-position: -123px -6.9px;
}

footer .part2{
    height: 129px;
    padding: 48px;
    background-color: #1C1F21;
}

footer .part2 .hd h2{
    float: left;
    color: #fff;
}
footer .part2 .hd em{
    width: 532px;
    font-size: 14px;
    float: left;
    color: #fff;
    top: 7px;
}

footer .part2  nav{
    float: left;
    margin-top: 30px;
    margin-bottom: 8px;
}

footer .part2  nav ul li{
    float: left;
    border-right: 1px solid white;
    padding: 0 10px;
}

footer .part2  nav ul li:first-child{
    padding-left: 0;
}

footer .part2  nav ul li:last-child{
    border-right: none;
}

footer .part2 nav ul li a{
    color: #fff;
    font-size: 14px;
}

footer .part2 .psbox {
    width: 1152px;
    float: left;
    color: white;
    font-size: 14px;
}

.backtotop{
    position: fixed;
    bottom: 28px;
    right: 28px;
    width: 60px;
    height: 60px;
    background-color: #ccc;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
    color: #000;
    display: none;
}